<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/templates/TemplateVisiteur.xhtml">
	
	<ui:define name="titre">Comme au resto</ui:define>
	
	<ui:define name="content">
		<h:head>
			<div>
				<br /> 
				<span>Restaurant : </span>
				<h:outputText value="#{listeProduitsMB.infoSession.restaurantSelectionne.nom}"
					id="idSelLabel" />
				<br /> <br />
			</div>
		</h:head>
		<h:body>
		
			<h:form>
				<p:dataTable id="produits"
					value="#{listeProduitsMB.listeProduitsPanier}" var="r" rowKey="#{r.prod.id}"
					editable="true" editMode="cell"
					rowStyleClass="#{r.qteAAjouter gt 0 ? 'highlightTableRowCyan' : null}"
					selection="#{listeProduitsMB.prodEnModif}" selectionMode="single">

					<p:column headerText="Nom" style="width:70%">
						<h:outputText value="#{r.prod.nom}" />
					</p:column>
					<p:column style="width:10%">
						<f:facet name="header">
							<f:verbatim>#{listeRestaurantMB.infoSession.devise.libelle}</f:verbatim>
						</f:facet>
						<h:outputText
							value="#{r.prod.prix * listeRestaurantMB.infoSession.devise.taux}">
							<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
						</h:outputText>
					</p:column>
					<p:column headerText="Quantité" style="width:10%">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText
									value="#{r.qteAAjouter gt 0 ? r.qteAAjouter : null}" />
							</f:facet>
							<f:facet name="input">
								<p:inputText value="#{r.qteAAjouter}" style="width:96%" label="Quantité">
									<p:ajax event="keyup" update="produits" listener="#{listeProduitsMB.majPrixAPayer}" />
								</p:inputText>
							</f:facet>
						</p:cellEditor>
					</p:column>
					<p:column headerText="Total" style="width:10%">
						<h:outputText id ="outTotal" value="#{r.prixAPayer gt 0 ? (r.prixAPayer * listeRestaurantMB.infoSession.devise.taux) : null}">
							<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
						</h:outputText>
					</p:column>
				</p:dataTable>
				<br />

				<h:commandButton value="Ajouter au panier" action="#{listeProduitsMB.getSelectedItems}" />
				<br />
			</h:form>
		</h:body>
	</ui:define>

</ui:composition>
